<template>
  <div class="home">
    <van-tabs sticky swipeable>
      <van-tab v-for="(item, index) in tabList" :key="index" :title="item.title">
        <home-list :curIndex="index"></home-list>
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import { Tab, Tabs } from 'vant'
import homeList from './homeList'
export default {
  name: "home",
  components: {
    [Tab.name]: Tab,
    [Tabs.name]: Tabs,
    homeList
  },
  data() {
    return {
      tabList: [
        { title: '热帖'},
        { title: 'VIP专区'}
      ]
    };
  },
  mounted() {
  },
  methods: {
  }
};
</script>

<style scoped lang="less">
</style>
